<template>
  <div>
    <h2>双向绑定</h2>
    姓名：<input type="text" v-model.trim="form.uname"/><br/>
    年龄：<input type="text" v-model.number="form.age"/><br/>
    薪资：<input type="text" v-model.number="form.salary"/><br/>
    <button @click="onAdd">确认添加</button>
  </div>
</template>

<script>
export default {
  data(){
    return{
      form:{
        uname: '',
        age:'',
        salary: ''
      }
    }
  },
  methods: {
    onAdd(){
      console.log('提交的是：',this.form);
    }
  }
}
</script>
